<template>
	<view>
		<custom-header title="账号安全" sticky />
		<view class="info_wrap">
			<view class="info" @click="handleEditPhone">
				<view class="label">绑定手机号</view>
				<view class="value">
					<view class="text">18685163688</view>
					<view class="icon">
						<up-icon name="arrow-right" size="32rpx"></up-icon>
					</view>
				</view>
			</view>
			<view class="info" @click="handleEditPass">
				<view class="label">修改密码</view>
				<view class="value">
					<view class="text"></view>
					<view class="icon">
						<up-icon name="arrow-right" size="32rpx"></up-icon>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	
	const handleEditPhone = ()=>{
		uni.navigateTo({
			url:'/pages/editPhone/editPhone'
		})
	}
	const handleEditPass = ()=>{
		uni.navigateTo({
			url:'/pages/editPassword/editPassword'
		})
	}
	
</script>

<style lang="scss">
	.info_wrap{
		margin: 24rpx;
		border-radius: 20px;
		background-color: #fff;
		font-size: 32rpx;
		color: #555;
		.info{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 24rpx;
			.value{
				display: flex;
				align-items: center;
				.icon{
					padding-left: 10rpx;
				}
			}
		}
	}
</style>
